<template>
    <div class="container">
        <div class="title">{{'准备发布问卷 ' + info.conTitle}}</div>
        <el-alert v-if="$store.state.badNetwork" center title="请检查网络状态" type="error" :closable="false" class="second-box" show-icon>
        </el-alert>
        <div class="base-shadow">
            <el-steps :active="$store.state.step" finish-status="success" simple>
                <el-step title="选择类型、院系与年级"></el-step>
                <el-step title="选择专业"></el-step>
                <el-step title="选择班级"></el-step>
                <el-step title="确认信息"></el-step>
                <el-step title="发布成功"></el-step>
            </el-steps>
        </div>
        <div class="base-shadow main-box second-box pad box-center" v-loading="$store.state.loading">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'Publish',
        data() {
            return {
                info: {
                    conId: '',
                    conTitle: '',
                    conDescribe: ''
                },
            }
        },
        mounted() {
            this.info = this.$route.query
            this.$store.commit('conInfo',this.$route.query)
        },
        beforeDestroy() {
            this.$store.commit('reset')
        },
    }
</script>
<style scoped>

</style>